<template>
  <transition name="slide">
    <div class="not-found">
      <img src="../../assets/404.jpg" alt="">
    </div>
  </transition>
</template>
<script>
export default {
  name: 'notFound'
}
</script>
<style lang="scss" scoped>
  .not-found{
    &.slide-enter-active, &.slide-leave-active{
      transition: all .3s;
    }
    &.slide-enter, &.slide-leave-to{
      transform: translate3d(100%, 0, 0)
    }
    img {
      display: block;
      width: 100%;
      margin: 0 auto;
    }
  }
</style>
